<template>
  <Panel title="信息脱敏能力" class="panel">
      <div class="df">
        <div>
            <el-menu
              default-active="4"
              class="el-menu-vertical-demo"
              @open="handleOpen"
              @close="handleClose">
              <el-menu-item index="1">
                <i class="el-icon-menu"></i>
                <span @click="rou" slot="title">数据脱敏</span>
              </el-menu-item>
              <el-menu-item index="2">
                <i class="el-icon-document"></i>
                <span @click="rou2" slot="title">脱敏规则</span>
              </el-menu-item>
              <el-menu-item index="3">
                <i class="el-icon-setting"></i>
                <span @click="rou3" slot="title">数据分类</span>
              </el-menu-item>
              <el-menu-item index="4">
                <i class="el-icon-setting"></i>
                <span @click="rou4" slot="title">数据分级</span>
              </el-menu-item>
            </el-menu>
        </div>
        <div>
          <div>
            <el-breadcrumb separator-class="el-icon-arrow-right">
              <el-breadcrumb-item :to="{ path: '/callermanagement/callermanagement4' }">分级列表</el-breadcrumb-item>
              <el-breadcrumb-item :to="{ path: '/callermanagement/callermanagement10' }">新建级别</el-breadcrumb-item>
            </el-breadcrumb>
          </div>
          <div>
            分级列表
          </div>
        </div>
      </div>
  </Panel>
</template>

<script>
import Panel from "@/components/panel/Panel";
  export default {
    components: {
    Panel,
    },
    methods: {
      rou(){
        this.$router.push(
          {
            path:'/callermanagement/callermanagement'
          }
        )
      },
      rou2(){
        this.$router.push(
          {
            path:'/callermanagement/callermanagement2'
          }
        )
      },
      rou3(){
        this.$router.push(
          {
            path:'/callermanagement/callermanagement3'
          }
        )
      },
      rou4(){
        this.$router.push(
          {
            path:'/callermanagement/callermanagement4'
          }
        )
      },
      handleOpen(key, keyPath) {
        console.log(key, keyPath);
      },
      handleClose(key, keyPath) {
        console.log(key, keyPath);
      }
    }
  }
</script>

<style lang="less" scoped>

</style>